<html lang="en">
 <head>
   <meta  charset="utf-8"/>
   <base href="/tablelist/" />
   <meta  name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
   <meta  name="description"  content="A  powerful  online  table  generator  and  editor  that  converts  between  csv,  html  and  markdown.  easy  to  convert  html  tables  to  sql,  json,  xml,  excel,  latex  tables  and  text,  making  the  table  easier  to  use."/>
   <meta  name="keywords"  content="latex  table,html  table,markdown  table,plain  text  table,ascii  table,editor,generator,converter,convert,json,csv,excel,xml,yaml,sql,"/>
   <link  rel="shortcut  icon" href="static/images/favicon.png"  type="image/x-icon"/>
   <!--[if  IE]>
       <meta  http-equiv="X-UA-Compatible"  content="IE=edge,chrome=1"> <![endif]-->
   <title>线上表格处理</title>
   <!-- <script  async=""  src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"  type="535b9ee3d694eec8c27d8fb3-text/javascript"></script> -->
   <link href="static/css/index.257bb630.css" rel="stylesheet"/>
 </head>
 <body>
   <nav id="nav" class="navbar  navbar-expand-md  filled">
     <h1 class="navbar-brand pl-2"  itemscope=""  itemtype="./">
     <a  itemprop="url" href="/tablelist/"  title="TableConvert  -  Online  Table  Convert  Tool">
     <i class="icon  icon-logo-dark">&nbsp;<i class="icon  text-dark">表格处理</i>
     <i class="icon  text-muted  font-weight-light">在线</i></i> </a> </h1>
     <button class="navbar-toggler"  type="button" data-toggle="collapse" data-target="#navbarsExample04"  aria-controls="navbarsExample04"  aria-expanded="false"  aria-label="Toggle  navigation"> <span class="navbar-toggler-icon"></span> </button>
     <div class="collapse  navbar-collapse  justify-content-end" id="navbarsExample04">
       <ul class="navbar-nav">
         <li class="nav-item  pl-2"> <a href="javascript:void(0)" class="nav-link" id="tablebuilder-start"> <i class="icon  icon-table"></i>  表格  (<span id="tableRows">4</span>x<span id="tableCols">4</span>) </a> </li>
         <li class="nav-item  pl-2"><a class="nav-link" id="import" href="javascript:void(0)"><i class="icon  icon-import"></i>  导入</a><span class="badge  badge-danger" style="position:relative;top:-8px;left:-2px;font-size:8px">执</span> </li>
         <li class="nav-item  pl-2"><a class="nav-link" id="example" href="javascript:void(0)"><i class="icon  icon-example"></i>  示例</a></li>
         <li class="nav-item  pl-2"><a class="nav-link" id="undo" href="javascript:void(0)"><i class="icon  icon-undo"></i>  撤回</a></li>
         <li class="nav-item  pl-2"><a class="nav-link" id="redo" href="javascript:void(0)"><i class="icon  icon-redo"></i>  重做</a></li>
         <li class="nav-item  pl-2"><a class="nav-link" id="clear" href="javascript:void(0)"><i class="icon  icon-delete"></i>  清除</a></li>
         <li class="nav-item  pl-2"><a class="nav-link" id="transpose" href="javascript:void(0)"><i class="icon  icon-transpose"></i>  转换</a></li>
         <!-- <li class="nav-item  pl-2"><a class="nav-link" id="share" href="javascript:void(0)"><i class="icon  icon-share"></i>  Share</a></li> -->
         <!-- <li class="nav-item  pl-2"><a class="nav-link" href="/blog/donators"  target="_blank"><i class="icon  icon-donate" style="color:red"></i>  Donators</a></li> -->
         <!-- <li class="nav-item  pl-2">
           <div class="dropdown  help">
             <a class="dropdown-toggle  nav-link" data-dropdown="dropdown-help" href="#"><i class="icon  icon-help"></i>  Help</a>
             <div class="dropdown-menu" id="dropdown-help">
               <a class="dropdown-item" href="/blog/documentation"  target="_blank">Documentation</a>
               <a class="dropdown-item" href="/blog"  target="_blank">Blog</a>
               <a class="dropdown-item" href="/blog/changelog"  target="_blank">Changelog</a>
               <a class="dropdown-item" href="https://goo.gl/forms/xPp7Vw50u6MmOoIF2"  target="_blank">Contact  us</a>
               <a class="dropdown-item" href="/blog/privacypolicy"  target="_blank">Privacy</a>
               <a class="dropdown-item" href="/blog/about"  target="_blank">About</a>
             </div>
           </div>
		  </li> -->
       </ul>
     </div>
   </nav>
   <div id="main" class="container-fluid">
     <div class="row  justify-content-center  p-2  p-md-2  h-100">
       <div class="col  p-0  h-100">
         <div class="bg-white  box-shadow  radius  px-3  pt-2  h-100">
           <div id="tableEditor" class="py-2">
             <div class="d-flex  justify-content-center  mt-5  pt-5">
               <div class="spinner-grow  text-info"></div>
             </div>
           </div>
           <div id="collapse" class="text-center">
             <i id="opener" class="icon  icon-zhedie"></i>
           </div>
           <div class="menu-box  arrow-up  box-shadow  radius">
             <div id="menu-box" class="btn-group  btn-group-sm"  role="group">
               <button  type="button" id="row-before" class="btn  btn-secondary"><span class="tooltip--triangle" data-tooltip="Add  Row  Before"><i class="icon  icon-table-row-plus-before"></i></span></button>
               <button  type="button" id="row-after" class="btn  btn-secondary"><span class="tooltip--triangle" data-tooltip="Add  Row  After"><i class="icon  icon-table-row-plus-after"></i></span></button>
               <button  type="button" id="row-remove" class="btn  btn-secondary"><span class="tooltip--triangle" data-tooltip="Remove  Row"><i class="icon  icon-table-row-remove"></i></span></button>
               <button  type="button" id="row-duplicate" class="btn  btn-secondary"><span class="tooltip--triangle" data-tooltip="Copy  Row"><i class="icon  icon-copy-right"></i></span></button>
               <span class="btn-separator"></span>
               <button  type="button" id="col-before" class="btn  btn-secondary"><span class="tooltip--triangle" data-tooltip="Add  Column  Before"><i class="icon  icon-table-col-plus-before"></i></span></button>
               <button  type="button" id="col-after" class="btn  btn-secondary"><span class="tooltip--triangle" data-tooltip="Add  Column  After"><i class="icon  icon-table-col-plus-after"></i></span></button>
               <button  type="button" id="col-remove" class="btn  btn-secondary"><span class="tooltip--triangle" data-tooltip="Remove  Column"><i class="icon  icon-table-col-remove"></i></span></button>
               <button  type="button" id="col-duplicate" class="btn  btn-secondary"><span class="tooltip--triangle" data-tooltip="Copy  Column"><i class="icon  icon-copy-left"></i></span></button>
             </div>
           </div>
           <div id="output">
             <div class="py-1">
               <ul class="nav  nav-tabs" id="output-tabs">
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link  active" data-title="Markdown代码" id="tab-markdown"><i class="icon  icon-markdown"></i> <h2>Markdown</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="SQL更新" id="tab-idea"><span class="text-danger"><i class="icon  icon-idea"></i> <h2>UPDATE</h2></span></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="SQL语句" id="tab-sql"><i class="icon  icon-database"></i> <h2>SQL</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="JSON二维数组" id="tab-json"><i class="icon  icon-json"></i> <h2>JSON</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="PHP代码" id="tab-php"><i class="icon  icon-php"></i> <h2>PHP</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="CSV格式" id="tab-csv"><i class="icon  icon-csv"></i> <h2>CSV</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="XML格式" id="tab-xml"><i class="icon  icon-xml"></i> <h2>XML</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="YAML格式" id="tab-yaml"><i class="icon  icon-yaml"></i> <h2>YAML</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="HTML表格" id="tab-html"><i class="icon  icon-html"></i> <h2>HTML</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="PHP输入格式" id="tab-input"><i class="icon icon-import"></i> <h2>INPUT</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="EXCEL格式" id="tab-excel"><i class="icon  icon-excel"></i> <h2>Excel</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="LaTex  Table" id="tab-latex"><i class="icon  icon-math"></i> <h2>LaTeX</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="Plain  Text  Table" id="tab-text"><i class="icon  icon-text"></i> <h2>TEXT</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="MediaWiki  Table" id="tab-mediawiki"><i class="icon  icon-mediawiki"></i> <h2>MediaWiki</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="Ruby  Code" id="tab-ruby"><i class="icon  icon-ruby"></i> <h2>Ruby</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="ASP  Code" id="tab-asp"><i class="icon  icon-aspx"></i> <h2>ASP</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="ActionScript  Code" id="tab-actionscript"><i class="icon  icon-actionscript"></i> <h2>ActionScript</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="BBCode" id="tab-bbcode"><i class="icon  icon-bbcode"></i> <h2>BBCode</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="PDF  File" id="tab-pdf"><i class="icon  icon-pdf"></i> <h2>PDF</h2></a> </li>
                 <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" data-title="Jpeg  Image" id="tab-jpeg"><i class="icon  icon-jpg"></i> <h2>JPEG</h2></a> </li>
                 <li class="nav-item  dropdown"> <a class="dropdown-toggle  dropdown-tabs  nav-link" data-dropdown="dropdown-tabs" href="javascript:void(0)">  &nbsp;  MORE</a>
                   <ul class="dropdown-menu" id="dropdown-tabs"></ul> </li>
               </ul>
             </div>
             <div class="textarea-container">
               <textarea id="output-content" class="form-control  text-monospace"  wrap="on"  spellcheck="false"  ondblclick="if  (!window.__cfRLUnblockHandlers)  return  false;  this.select()" data-cf-modified-535b9ee3d694eec8c27d8fb3-=""></textarea>
               <div class="hover">
                 <button id="options"  type="button" class="px-3  btn  btn-outline-danger  btn-sm  box-shadow  rounded-pill  icon  dropdown-toggle">  Options </button>
                 <button id="copy"  type="button" class="px-3  ml-2  btn  btn-outline-info  btn-sm  box-shadow  rounded-pill  icon  icon-copy">  Copy </button>
                 <button id="download"  type="button" class="ml-2  btn  btn-outline-info  btn-sm  box-shadow  rounded-pill  icon  icon-download">  Download </button>
               </div>
               <div class="dropdown-window">
                 <div id="dropdown-markdown" class="options  toast  show" style="display:none">
                   <div class="toast-body">
                     <div class="container">
                       <div class="row">
                         <div class="col  d-none  d-md-block  border-right">
                           <div class="toast-header">
                             <h3 class="mr-auto">Markdown  table  generator  and  editor</h3>
                           </div>
                           <p>1.  This  is  a  markdown  table  converter.  When  you  edit  the  above  Excel-like  cells,  or  import  existing  json,  csv,  excel,  html  table  and  other data  through  the <code>Import</code>  menu,  the  converter  will  automatically  generate  a  markdown  table. <br/>2.  Customize  the  markdown  table  format  by  changing  the  options  on  the  right.</p>
                         </div>
                         <div class="col">
                           <div class="toast-header">
                             <h3 class="mr-auto">Markdown  table  converter  options</h3>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="escap"  checked="checked" class="custom-control-input" id="mdEscape"/>
                             <label class="custom-control-label"  for="mdEscape">Escape  special  markdown  symbols</label>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="pretty"  checked="checked" class="custom-control-input" id="mdPretty"/>
                             <label class="custom-control-label"  for="mdPretty">Pretty-print  your  markdown</label>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="simple" class="custom-control-input" id="mdSimple"/>
                             <label class="custom-control-label"  for="mdSimple">Use  simple  markdown  table</label>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="blodFirst" class="custom-control-input" id="mdBlodFirst"/>
                             <label class="custom-control-label"  for="mdBlodFirst">Bold  first  row</label>
                           </div>
                           <div class="input-group  input-group-sm  my-2">
                             <div class="input-group-prepend">
                               <label class="input-group-text">text-align</label>
                             </div>
                             <select  name="align" id="mdAlign" class="custom-select"> <option  value="l"  selected="selected">Left</option> <option  value="c">Center</option> <option  value="r">Right</option> </select>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
                 <div id="dropdown-xml" class="options  toast  show" style="display:none">
                   <div class="toast-body">
                     <div class="container">
                       <div class="row">
                         <div class="col  d-none  d-md-block  border-right">
                           <div class="toast-header">
                             <h3 class="mr-auto">XML  generator  and  editor</h3>
                           </div>
                           <p>1.  Use  this  tool  to  edit  and  generate  xml,  or  use  the <code>Import</code>  menu  to  convert  excel,  json,  html  table,  and  markdown  table  to  xml. <br/>2.  Compress  xml  or  escape  special  xml  symbols  on  the  right.</p>
                         </div>
                         <div class="col">
                           <div class="toast-header">
                             <h3 class="mr-auto">XML  converter  options</h3>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="escap"  checked="checked" class="custom-control-input" id="xmlEscape"/>
                             <label class="custom-control-label"  for="xmlEscape">Escape  special  XML  symbols</label>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="minify" class="custom-control-input" id="xmlMinify"/>
                             <label class="custom-control-label"  for="xmlMinify">Minify  or  Compress  XML</label>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
                 <div id="dropdown-html" class="options  toast  show" style="display:none">
                   <div class="toast-body">
                     <div class="container">
                       <div class="row">
                         <div class="col  d-none  d-md-block  border-right">
                           <div class="toast-header">
                             <h3 class="mr-auto">HTML  table  generator  and  editor</h3>
                           </div>
                           <p>1.  If  you  want  to  insert  excel,  csv,  json,  markdown  table  code  into  the  web  page,  then  this  converter  can  help  you  convert  them  to  HTML  table  code. <br/>2.  You  can  also  generate  and  edit  html  tables  similar  to  excel. </p>
                         </div>
                         <div class="col">
                           <div class="toast-header">
                             <h3 class="mr-auto">HTML  table  converter  options</h3>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="escap"  checked="checked" class="custom-control-input" id="htmlEscape"/>
                             <label class="custom-control-label"  for="htmlEscape">Escape  special  HTML  symbols</label>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="div" class="custom-control-input" id="htmlDiv"/>
                             <label class="custom-control-label"  for="htmlDiv">Convert  into  div  table</label>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="minify" class="custom-control-input" id="htmlMinify"/>
                             <label class="custom-control-label"  for="htmlMinify">Minify  or  Compress  HTML</label>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="thead" class="custom-control-input" id="htmlThead"/>
                             <label class="custom-control-label"  for="htmlThead">Generate  thead  and  tbody  tag</label>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
                 <div id="dropdown-latex" class="options  toast  show" style="display:none">
                   <div class="toast-body">
                     <div class="container">
                       <div class="row">
                         <div class="col  d-none  d-md-block  border-right">
                           <div class="toast-header">
                             <h3 class="mr-auto">LaTex  table  generator  and  editor</h3>
                           </div>
                           <p>This  is  an  online  LaTex  table  generator  and  editor,  which  can  generate  LaTex  tables  from  excel,  csv,  json,  html  table,  markdown  table,  etc.</p>
                         </div>
                         <div class="col">
                           <div class="toast-header">
                             <h3 class="mr-auto">LaTex  table  converter  options</h3>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="escap"  checked="checked" class="custom-control-input" id="latexEscape"/>
                             <label class="custom-control-label"  for="latexEscape">Escape  special  LaTeX  symbols</label>
                           </div>
                           <div class="input-group  input-group-sm  my-2">
                             <div class="input-group-prepend">
                               <span class="input-group-text">Caption</span>
                             </div>
                             <input  type="text"  name="caption" class="form-control  option-input" id="latexCaption"/>
                             <select  name="loc" class="custom-select" id="latexLocation"> <option  value="above">Above</option> <option  value="below">Below</option> </select>
                           </div>
                           <div class="input-group  input-group-sm  my-2">
                             <div class="input-group-prepend">
                               <span class="input-group-text">Label</span>
                             </div>
                             <input  type="text"  name="label" class="form-control  option-input" id="latexLabel"/>
                           </div>
                           <div class="input-group  input-group-sm  my-2">
                             <div class="input-group-prepend">
                               <label class="input-group-text">Alignment</label>
                             </div>
                             <select  name="align" class="custom-select" id="latexAlign"> <option  value="centering"  selected="selected">Center</option> <option  value="raggedleft">Left</option> <option  value="raggedright">Right</option> </select>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
                 <div id="dropdown-json" class="options  toast  show" style="display:none">
                   <div class="toast-body">
                     <div class="container">
                       <div class="row">
                         <div class="col  d-none  d-md-block  border-right">
                           <div class="toast-header">
                             <h3 class="mr-auto">JSON  2d  array  generator  and  editor</h3>
                           </div>
                           <p>1.  This  is  a  json  converter  that  provides  the  ability  to  convert  excel,  csv,  markdown  table,  and  html  table  to  json  2d  array. <br/>2.  This  is  a  two  dimensional  array  generator  and  editor  for  the  json  syntax.</p>
                         </div>
                         <div class="col">
                           <div class="toast-header">
                             <h3 class="mr-auto">JSON  2d  array  converter  options</h3>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  checked="checked"  name="parsingJSON" class="custom-control-input" id="jsonParsingJSON"/>
                             <label class="custom-control-label"  for="jsonParsingJSON">Parsing  JSON</label>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="minify" class="custom-control-input" id="jsonMinify"/>
                             <label class="custom-control-label"  for="jsonMinify">Minify  JSON</label>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="wrapper" class="custom-control-input" id="jsonWrapper"/>
                             <label class="custom-control-label"  for="jsonWrapper">Wrapper  by  &quot;data&quot;</label>
                           </div>
                           <div class="input-group  input-group-sm  my-2">
                             <div class="input-group-prepend">
                               <label class="input-group-text">Format</label>
                             </div>
                             <select  name="jsonFormat" class="custom-select" id="jsonFormat"> <option  value="object"  selected="selected">Array  of  Object</option> <option  value="2d">2D  Array</option> <option  value="column">Column  Array</option> <option  value="keyed">Keyed  Array</option> </select>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
                 <div id="dropdown-sql" class="options  toast  show" style="display:none">
                   <div class="toast-body">
                     <div class="container">
                       <div class="row">
                         <div class="col  d-none  d-md-block  border-right">
                           <div class="toast-header">
                             <h3 class="mr-auto">Create  and  insert  sql  generator  and  editor</h3>
                           </div>
                           <span>How  to  import  csv,  json,  excel,  markdown,  html  table data  into  MySQL,  SQL  Server,  Oracle  and  other databases?</span>
                           <br/>
                           <strong>Step  1. </strong>Edit  cells  or  import  excel,  json,  csv,  markdown  table,  html  table,  etc.
                           <br/>
                           <strong>Step  2. </strong>Execute  the  generated  sql  statement  in  the database  engine.
                         </div>
                         <div class="col">
                           <div class="toast-header">
                             <h3 class="mr-auto">SQL  converter  options</h3>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="create"  checked="checked" class="custom-control-input" id="sqlCreate"/>
                             <label class="custom-control-label"  for="sqlCreate">Generate  a  create  table  statement</label>
                           </div>
                           <div class="input-group  input-group-sm  my-2">
                             <div class="input-group-prepend">
                               <span class="input-group-text">Table  name</span>
                             </div>
                             <input  type="text"  name="table" class="form-control  option-input" id="sqlTableName"  value="tableName"/>
                           </div>
                           <div class="input-group  input-group-sm  my-2">
                             <div class="input-group-prepend">
                               <label class="input-group-text">Quotes</label>
                             </div>
                             <select  name="quote" class="custom-select" id="sqlQuote"> <option  value="  "  selected="selected">no  quotes</option> <option  value="&quot;">double  quotes</option> <option  value="'">single  quotes</option> <option  value="`">grave  accent</option> </select>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
                 <div id="dropdown-csv" class="options  toast  show" style="display:none">
                   <div class="toast-body">
                     <div class="container">
                       <div class="row">
                         <div class="col  d-none  d-md-block  border-right">
                           <div class="toast-header">
                             <h3 class="mr-auto">CSV  generator  and  editor</h3>
                           </div>
                           <p>1.  In  addition  to  editing  cells,  you  can  also  import  excel,  json,  markdown  table,  html  table  code  through  the <code>Import</code>  menu,  or  even  load  csv  from  a  url: <a href="/?output=csv&amp;data=https://gist.githubusercontent.com/curran/a08a1080b88344b0c8a7/raw/d546eaee765268bf2f487608c537c05e22e4b221/iris.csv">Example</a> <br/>2.  Change  the  option  on  the  right  in  order  to  output  a  special  csv.</p>
                         </div>
                         <div class="col">
                           <div class="toast-header">
                             <h3 class="mr-auto">CSV  converter  options</h3>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="doublequote" class="custom-control-input" id="csvDoublequote"/>
                             <label class="custom-control-label"  for="csvDoublequote">Force  Wrap  values  in  double  quotes</label>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="removeblank"  checked="checked" class="custom-control-input" id="csvRemoveblank"/>
                             <label class="custom-control-label"  for="csvRemoveblank">Remove  whitespace</label>
                           </div>
                           <div class="input-group  input-group-sm  my-2">
                             <div class="input-group-prepend">
                               <label class="input-group-text">Delimiter</label>
                             </div>
                             <select  name="delimiter" id="csvDelimiter" class="custom-select"> <option  value=",  "  selected="selected">Comma  (,)</option> <option  value="\t">Tabulation  (\t)</option> <option  value=":  ">Colon  (:)</option> <option  value=";  ">Semicolon  (;)</option> <option  value="  |  ">Pipe  (|)</option> <option  value="  /  ">Slash  (/)</option> </select>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
                 <div id="dropdown-text" class="options  toast  show" style="display:none">
                   <div class="toast-body">
                     <div class="container">
                       <div class="row">
                         <div class="col  d-none  d-md-block  border-right">
                           <div class="toast-header">
                             <h3 class="mr-auto">Plain  Text  Table  generator  and  editor</h3>
                           </div>
                           <p>1.  Interactively  edit  and  generate  tables  and  export  them  to  plain  text,  which  great  for  source  code  comments,  plain  text  emails,  text  documents  etc. <br/>2.  Click  on  the  selector  to  select  one  of  the  predefined  style. </p>
                         </div>
                         <div class="col">
                           <div class="toast-header">
                             <h3 class="mr-auto">Plain  Text  Table  converter  options</h3>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="forceSep" class="custom-control-input" id="textForceSep"/>
                             <label class="custom-control-label"  for="textForceSep">Force  separate  lines</label>
                           </div>
                           <div class="input-group  input-group-sm  my-2">
                             <div class="input-group-prepend">
                               <label class="input-group-text">Style</label>
                             </div>
                             <select  name="style" id="textStyle" class="custom-select"> <option  value="+++─,+++─,+++─,+++─,|"  selected="selected">ASCII  table(mysql  style) </option> <option  value="+++─,+++=,+++─,+++─,|">reStructuredText  Grid  table </option> <option  value="╔╦╗═,╠╬╣═,╠╬╣═,╚╩╝═,║">Unicode  table</option> <option  value="┌┬┐─,├┼┤─,├┼┤─,└┴┘─,|">Unicode  table(single  line) </option> <option  value="....,....,....,....,:">ASCII  table(dots  sytle) </option> <option  value="...-,:+:-,:+:-,'''-,|">ASCII  table(rounded  sytle) </option> </select>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
                 <div id="dropdown-mediawiki" class="options  toast  show" style="display:none">
                   <div class="toast-body">
                     <div class="container">
                       <div class="row">
                         <div class="col  d-none  d-md-block  border-right">
                           <div class="toast-header">
                             <h3 class="mr-auto">MediaWiki  table  generator  and  editor</h3>
                           </div>
                           <p>This  is  an  online  MediaWiki  table  generator  and  editor,  which  can  generate  MediaWiki  tables  from  excel,  csv,  json,  html  table,  markdown  table,  etc.</p>
                         </div>
                         <div class="col">
                           <div class="toast-header">
                             <h3 class="mr-auto">MediaWiki  table  converter  options</h3>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="minify"  checked="checked" class="custom-control-input" id="wikiMinify"/>
                             <label class="custom-control-label"  for="wikiMinify">Minify  or  Compress  MediaWiki  table</label>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="header"  checked="checked" class="custom-control-input" id="wikiHeader"/>
                             <label class="custom-control-label"  for="wikiHeader">Format  first  row  as  header</label>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="sort" class="custom-control-input" id="wikiSort"/>
                             <label class="custom-control-label"  for="wikiSort">Make  table  sortable  in  Wikipedia</label>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
                 <div id="dropdown-bbcode" class="options  toast  show" style="display:none">
                   <div class="toast-body">
                     <div class="container">
                       <div class="row">
                         <div class="col  d-none  d-md-block  border-right">
                           <div class="toast-header">
                             <h3 class="mr-auto">BBCode  table  generator  and  editor</h3>
                           </div>
                           <p>This  is  an  online  BBCode  table  generator  and  editor,  which  can  generate  BBCode  tables  from  excel,  csv,  json,  html  table,  markdown  table,  etc.</p>
                         </div>
                         <div class="col">
                           <div class="toast-header">
                             <h3 class="mr-auto">BBCode  table  converter  options</h3>
                           </div>
                           <div class="custom-control  custom-checkbox">
                             <input  type="checkbox"  name="minify" class="custom-control-input" id="bbcodeMinify"/>
                             <label class="custom-control-label"  for="bbcodeMinify">Minify  or  Compress  BBCode  table</label>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
                 <div id="dropdown-idea" class="options  toast  show" style="display:none">
                   <div class="toast-body">
                     <div class="container">
                       <div class="row">
                         <div class="col  d-none  d-md-block  border-right">
                           <div class="toast-header">
                             <h3 class="mr-auto">IDEA  generator  and  editor</h3>
                           </div>
                           <span>Welcome  to  the  Creative  Lab  that  provides  you  with  the  following  grammar,  please  sporadic  thinking  to  create  the  only  interesting  converter.</span>
                           <ul class="list-unstyled">
                             <li><code>&lt;,&gt;</code>:  Separate  the  rows  with  &quot;<code>,</code>&quot; </li>
                             <li><code>$n</code>:  The  nth  column,  n  starts  from  0</li>
                             <li><code>+n</code>:  Increment  from  n</li>
                           </ul>
                         </div>
                         <div class="col">
                           <div class="toast-header">
                             <h3 class="mr-auto">IDEA  converter  options</h3>
                           </div>
                           <div class="form-group">
                             <label  for="headerTpl">Header  Template</label>
                             <textarea class="form-control"  name="headerTpl" id="headerTpl"  rows="2"  spellcheck="false">--  update  sql  for  column:  &lt;,&gt; </textarea>
                           </div>
                           <div class="form-group">
                             <label  for="rowTpl">Rows  Template</label>
                             <textarea class="form-control"  name="rowTpl" id="rowTpl"  rows="2"  spellcheck="false">update  table  set  name  =  '$1'  where  id  =  +1;</textarea>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <hr/>
           <div class="row  text-center  text-secondary  m-0  bg-white  radius">
             <div class="col-12">
               <p>&copy; 2023 comeround.cn </p>
               <div class="sharethis-inline-share-buttons" style="display:none"></div>
             </div>
           </div>
         </div>
       </div>
       <div class="col-12  col-md-auto  p-0  pt-4  p-md-0  pl-md-2  h-100">
         <div class="bg-white  box-shadow  radius  h-100">
           <ins class="adsbygoogle" style="display:block;width:160px" data-ad-client="ca-pub-8691406134231910" data-ad-slot="5054705732" data-ad-format="auto" data-full-width-responsive="true"></ins>
           <script  type="535b9ee3d694eec8c27d8fb3-text/javascript">(adsbygoogle=window.adsbygoogle||[]).push({})</script>
         </div>
       </div>
     </div>
   </div>
   <div class="modal  fade" id="importModal"  tabindex="-1">
     <div class="modal-dialog"  role="document">
       <div class="modal-content">
         <div class="modal-header">
           <h4 class="modal-title" id="exampleModalLabel">导入数据</h4>
           <button  type="button" class="btn  close  closeModal"> <span  aria-hidden="true">&times;</span> </button>
         </div>
         <div class="modal-body">
           <form>
             <div class="form-group">
               <div class="py-1">
                 <ul class="nav  nav-tabs">
                   <li class="nav-item"> <a href="javascript:void(0)" class="nav-link  active" id="import-excel"><h5>Excel</h5></a> </li>
                   <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" id="import-json"><h5>  JSON</h5></a> </li>
                   <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" id="import-url"><h5>  URL</h5></a> </li>
                   <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" id="import-html"><h5>  HTML</h5></a> </li>
                   <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" id="import-markdown"> <h5>Markdown</h5></a> </li>
                   <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" id="import-csv"><h5>  CSV</h5></a> </li>
                   <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" id="import-latex"><h5>  LaTeX</h5></a> </li>
                   <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" id="import-sql"><h5>  SQL</h5></a> </li>
                   <li class="nav-item"> <a href="javascript:void(0)" class="nav-link" id="import-mediawiki"><h5>  MediaWiki</h5></a> </li>
                 </ul>
               </div>
             </div>
             <div id="alert-excel" class="alert  alert-success  rounded-pill" style="display:block">
                  Paste  your  cells  from  Excel,  Numbers,  Google  Docs  or  Browser  table
             </div>
             <div id="alert-url" class="alert  alert-success  rounded-pill" style="display:none">
                  Please  enter  the  URL  containing  the  table
             </div>
             <div id="alert-html" class="alert  alert-success  rounded-pill" style="display:none">
                  Paste  the  HTML  code  that  contains  the  &lt;table&gt;  tag
             </div>
             <div id="alert-markdown" class="alert  alert-success  rounded-pill" style="display:none">
                  Paste  your  valid  Markdown  table  code
             </div>
             <div id="alert-csv" class="alert  alert-success  rounded-pill" style="display:none">
                  Paste  your  valid  CSV data
             </div>
             <div id="alert-json" class="alert  alert-success  rounded-pill" style="display:none">
                  Paste  your  JSON,  which  is  an  array  of  objects
             </div>
             <div id="alert-latex" class="alert  alert-success  rounded-pill" style="display:none">
                  Paste  your  standard  and  valid  LaTeX  table  code
             </div>
             <div id="alert-sql" class="alert  alert-success  rounded-pill" style="display:none">
                  Paste  your  [  Create  Table  SQL  and  ]  Insert  SQL
             </div>
             <div id="alert-mediawiki" class="alert  alert-success  rounded-pill" style="display:none">
                  Paste  your  standard  and  valid  MediaWiki  table  code
             </div>
             <div class="form-group">
               <div class="input-group" id="tab-url" style="display:none">
                 <div class="input-group  input-group  my-2">
                   <input  type="text" id="input-url" class="form-control"  placeholder="http(s)://"/>
                   <select class="custom-select" id="importType" style="max-width:118px"> <option  value="html">HTML</option> <option  value="markdown">Markdown</option> <option  value="csv">CSV</option> <option  value="json">JSON</option> <option  value="latex">LaTeX</option> <option  value="sql">SQL</option> <option  value="sql">MediaWiki</option> </select>
                   <button class="px-3  btn  btn-outline-info  ml-2  icon  icon-search"  type="button" id="search-table"><i class="icon  iconfont  icon-parsing"></i>  Parsing </button>
                 </div>
               </div>
               <div id="fetch-tables" class="fetch-tables  mt-3"></div>
               <textarea id="import-content" class="form-control  markdown"  rows="11"  spellcheck="false"></textarea>
             </div>
           </form>
         </div>
         <div class="modal-footer">
           <input  type="file" id="file-input" style="display:none"/>
           <button  type="button" id="load-file" class="px-3  btn  btn-sm  btn-outline-info  rounded-pill  icon  icon-file">  Load  File </button>
           <button  type="button" id="import-data" class="btn  btn-sm  btn-outline-info  rounded-pill  ml-2  icon  icon-import">  Import data </button>
         </div>
       </div>
     </div>
   </div>
   <script type="text/javascript"  src="static/js/index.js"></script>
   <!-- <script  type="text/javascript"  src="static/js/index.fcd60bb7.js"></script> -->
   <!-- <script  type="535b9ee3d694eec8c27d8fb3-text/javascript"  src="static/js/index.fcd60bb7.js"></script> -->
   <script src="static/rocket-loader.js"></script>
   <!-- <script  src="static/rocket-loader.js" data-cf-settings="535b9ee3d694eec8c27d8fb3-|49"  defer=""></script> -->
   <!-- <script  async=""  src="https://www.googletagmanager.com/gtag/js?id=UA-69833742-7"  type="535b9ee3d694eec8c27d8fb3-text/javascript"></script> -->
   <!-- <script  type="535b9ee3d694eec8c27d8fb3-text/javascript">
    function  gtag(){dataLayer.push(arguments)}
    window.dataLayer=window.dataLayer||[],gtag("js",new  Date),gtag("config","UA-69833742-7")
</script> -->
</body>
</html>
